<ion-header>
    <ion-navbar color="orange">
        <ion-title>
            个人简历
        </ion-title>
    </ion-navbar>
</ion-header>

<ion-content>
    <div>
        <!-- 头部开始 -->
        <div class="id-top ht-relative" padding>
            <!-- 左 -->
            <div class="ht-20 ht-float-left">
                <div class="ht-fff ht-font-12 ht-overflow flex flex-align-center" padding-bottom (click)="collect(resume_id)">
                    <i class="far fa-star" *ngIf="!collected"></i>
                    <i class="fas fa-star" *ngIf="collected"></i>
                    <span class="id-span">{{resume.collect_num}}</span>
                </div>
                <div class="ht-fff ht-font-12 ht-overflow flex flex-align-center" padding-bottom>
                    <img src="assets/imgs/icon-lb.png" alt="" width="15">
                    <a href="tel:03516666669" style="color:#fff;">
                        <span class="id-span">投诉</span>
                    </a>
                </div>
            </div>
            <!-- 中 -->
            <div class="ht-60 ht-float-left">
                <div class="ht-100 ht-overflow ht-relative ht-text-center">
                    <img [src]="util.parseImageUrl(resume.photo)" alt="" class="id-photo" *ngIf="resume.photo">
                    <img [src]="util.parseImageUrl(resume.head_img)" alt="" class="id-photo" *ngIf="!resume.photo">
                </div>
                <div class="flex flex-line-center" margin-top>
                    <div class="id-xy">信用：{{resume.credit_line}}</div>
                    <div margin-left class="id-bzj"> {{resume.frozen_money}}元</div>
                </div>
            </div>
        </div>
        <!-- 头部结束 -->
        <!-- 内容开始 -->
        <div class="ht-f1f1f1">
            <!-- 基本信息 -->
            <div class="ht-100 ht-background ht-overflow ht-margin-bottom">
                <!-- 姓名 -->
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left padding-right *ngIf="resume['name'] && resume['name'] != ''">
                    <div class="ht-float-left">姓名</div>
                    <div class="ht-float-right ht-999">{{resume.name}}</div>
                </div>
                <!-- 性别 -->
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left padding-right *ngIf="resume['sex'] && (resume['sex'] == 1 || resume['sex'] == 2)">
                    <div class="ht-float-left">性别</div>
                    <div class="ht-float-right ht-999">{{resume.sex == 1 ? '男' : '女'}}</div>
                </div>
                <!-- 出生日期 -->
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left padding-right *ngIf="resume['birthday'] && resume['birthday'] != ''">
                    <div class="ht-float-left">出生日期</div>
                    <div class="ht-float-right ht-999">{{resume.birthday}}</div>
                </div>
                <!-- 籍贯 -->
                <!-- <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left padding-right *ngIf="resume['origin'] && resume['origin'] != ''">
                    <div class="ht-float-left">籍贯</div>
                    <div class="ht-float-right ht-999">{{resume.origin}}</div>
                </div> -->
                <!-- 学历 -->
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left padding-right *ngIf="resume['edu'] && resume['edu'] != ''">
                    <div class="ht-float-left">学历</div>
                    <div class="ht-float-right ht-999">{{resume.edu}}</div>
                </div>
                <!-- 联系电话 -->
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left padding-right *ngIf="resume['tel'] && resume['tel'] != ''">
                    <div class="ht-float-left">联系电话</div>
                    <div class="ht-float-right ht-999" *ngIf = "resume['tel']!='*'">
                        <a href="tel:{{resume.tel}}">{{resume.tel}}</a>
                    </div>
                    <div class="ht-float-right ht-999" *ngIf = "resume['tel']=='*'" (click)="getTel()">
                        <div class="ht-599eba ht-border-radius">点击查看联系方式</div>
                    </div>
                </div>
                <!-- 备用电话 -->
                <!-- <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left padding-right *ngIf="resume['spare_tel'] && resume['spare_tel'] != ''">
                    <div class="ht-float-left">备用电话</div>
                    <div class="ht-float-right ht-999">
                        <a href="tel:{{resume.spare_tel}}">{{resume.spare_tel}}</a>
                    </div>
                </div> -->
                <!-- 微信号 -->
                <!-- <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left padding-right *ngIf="resume['wechat'] && resume['wechat'] != ''">
                    <div class="ht-float-left">微信号</div>
                    <div class="ht-float-right ht-999">{{resume.wechat}}</div>
                </div> -->
                <!-- QQ号 -->
                <!-- <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left padding-right *ngIf="resume['qq'] && resume['qq'] != ''">
                    <div class="ht-float-left">QQ号</div>
                    <div class="ht-float-right ht-999">{{resume.qq}}</div>
                </div> -->
                <!-- 住所地 -->
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left padding-right *ngIf="resume['addr'] && resume['addr'] != ''">
                    <div class="ht-float-left">住所地</div>
                    <div class="ht-float-right ht-999">{{resume.addr}}</div>
                </div>
                <!-- 在职 -->
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left padding-right *ngIf="resume['job_status'] && resume['job_status'] != ''">
                    <div class="ht-float-left">工作状态</div>
                    <div class="ht-float-right ht-999">{{resume.job_status}}</div>
                </div>
                <!-- 想干的工作 -->
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left padding-right *ngIf="resume['target'] && resume['target'] != ''">
                    <div class="ht-float-left">想干的工作</div>
                    <div class="ht-float-right ht-999">{{resume.target}}</div>
                </div>
                <!-- 菜系 -->
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left padding-right *ngIf="resume['cuisine'] && resume['cuisine'] != ''">
                    <div class="ht-float-left">菜系</div>
                    <div class="ht-float-right ht-999">{{resume.cuisine}}</div>
                </div>
                <!-- 厨龄 -->
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left padding-right *ngIf="resume['working_age'] && resume['working_age'] != ''">
                    <div class="ht-float-left">厨龄</div>
                    <div class="ht-float-right ht-999">{{resume.working_age}}</div>
                </div>
                <!-- 求职类型 -->
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left padding-right *ngIf="resume['job_type'] && resume['job_type'] != ''">
                        <div class="ht-float-left">求职类型</div>
                        <div class="ht-float-right ht-999">{{resume.job_type}}</div>
                </div>
                
                <!-- 期望薪酬 -->
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left padding-right *ngIf="resume['remuneration'] && resume['remuneration'] != ''">
                    <div class="ht-float-left">期望薪酬</div>
                    <div class="ht-float-right ht-999">￥{{resume.remuneration}}</div>
                </div>
                <!-- 期望地点 -->
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left padding-right *ngIf="resume['expect_area'] && resume['expect_area'] != '0'">
                    <div class="ht-float-left">期望工作地点</div>
                    <div class="ht-float-right ht-999">{{resume.expect_area}}</div>
                </div>
            </div>
            <!-- 自我评价 -->
            <div class="ht-100 ht-overflow ht-margin-bottom ht-background">
                <!-- 自我评价 -->
                <!-- 标签 -->
                    <div class="ht-100 ht-overflow ht-margin-bottom ht-background">
                        <div class="ht-border-bottom ht-line-25 ht-font-14" padding-left padding-right>
                            <div class="ht-padding-tb">自我评价</div>
                            <div class="flex flex-1 flex-wrap" *ngIf="resume['remark']!=0">
                                <label class="labelList" *ngFor="let option of resume['remark']">
                                    {{option}}
                                </label>
                            </div>
                            <div class="flex flex-1 flex-wrap" *ngIf="resume['remark']==0">
                                    <label class="labelList">
                                            无
                                    </label>
                                </div>
                        </div>
                    </div>
                <!-- 工作简历 -->
                <div class="ht-100 ht-overflow ht-border-bottom ht-line-25 ht-font-14 ht-333" padding-left padding-right *ngIf="resume['experience'] && resume['experience'].length">
                    <div class="ht-100 ht-padding-top10">工作简历</div>
                    <div class="ht-100 ht-padding-tb ht-border-bottom ht-overflow" *ngFor="let experience of resume['experience']; let i = index;">
                        <div class="ht-float-left ht-100">
                            <div class="flex margin-bottom-5">
                                <div style="width:6.5rem;text-align:right;">工种</div>
                                <div class="flex-1" margin-left>
                                    {{experience['job']}}
                                </div>
                            </div>
                            <div class="flex margin-bottom-5">
                                <div style="width: 6.5rem;text-align:right;">工作时间</div>
                                <div class="flex-1 flex flex-align-center" margin-left>
                                    <div class="ht-relative">
                                        {{experience['start_time']}}
                                    </div>
                                    <span margin-left margin-right>--</span>
                                    <div class="ht-relative">
                                        {{experience['end_time']}}
                                    </div>
                                </div>
                            </div>
                            <div class="flex margin-bottom-5">
                                <div style="width:6.5rem;text-align:right;">店名/公司</div>
                                <div class="flex-1" margin-left>
                                    {{experience['company']}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 身份证 -->
            <!-- <div class="ht-100 ht-overflow ht-background ht-margin-bottom" *ngIf="resume.other_photo && resume.other_photo.length">
                <div class="ht-100 ht-overflow ht-background ht-margin-bottom">
                    <div class="ht-100 ht-overflow ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left padding-right>
                        <div class="ht-100">其他证件</div>
                        <div class="ht-100 ht-padding-top10 flex flex-wrap">
                            <div class="other-photo" *ngFor="let picture of resume.other_photo">
                                <div class="margin-top-5" *ngIf="picture">
                                    <img [src]="util.parseImageUrl(picture)" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div> -->
        </div>
        <!-- 内容结束 -->
    </div>
</ion-content>